<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">
<h:head>
	<link type="text/css" rel="stylesheet"
		href="#{request.contextPath}/css/ranking.css?#{controlCache.time}" />
	<script
		src="#{request.contextPath}/resources/js/ranking.js?#{controlCache.time}"></script>
	<title>#{messages['general.TITLE']} -
		#{messages['jugadoresListado.TITLE']}</title>
</h:head>
<h:body>
	<h:form id="jugadoresListadoForm">
		<p:growl id="growl" widgetVar="growl" showSummary="false"
			showDetail="true" sticky="true" autoUpdate="true" life="6000" />
		<ui:include src="/dialog/jugadorInfoDialog.xhtml" />
		<ui:include src="/dialog/confirmacionEliminarJugadorDialog.xhtml" />
		<ui:include src="/dialog/createGrupoDialog.xhtml" />
		<p:toolbar>
			<p:toolbarGroup align="left">
				<p:commandButton title="#{messages['general.JUGADOR_NUEVO']}"
					icon="ui-icon-person" ajax="false"
					action="#{jugadoresListadoBean.irNuevoJugador}" />
				<p:commandButton title="#{messages['general.GRUPO_NUEVO']}"
					icon="ui-icon-tag"
					onclick="createGrupoDialog.show()" />
				<p:commandButton title="#{messages['general.VER_CLASIFICACION']}"
					icon="ui-icon-flag"
					action="#{jugadoresListadoBean.irClasificacion}" />
				<p:commandButton title="#{messages['general.IMPRIMIR']}" icon="ui-icon-print" />
			</p:toolbarGroup>

			<p:toolbarGroup align="right">
				<p:menuButton value="#{messages['general.OPCIONES']}">
					<p:menuitem value="#{messages['general.VER_PAREJAS']}" />
					<p:menuitem value="#{messages['general.VER_GRUPOS']}" />
					<p:menuitem value="#{messages['general.VER_PARTIDOS']}" />
				</p:menuButton>
			</p:toolbarGroup>

		</p:toolbar>
		<p:dataTable var="jugador" id="tablaJugadoresListado"
			value="#{jugadoresListadoBean.listadoJugadores}"
			widgetVar="tablaJugadoresListado" paginator="true"
			paginatorPosition="bottom" rows="10">

			<f:facet name="header">  
            #{messages['jugadoresListado.TITLE']}
        	</f:facet>

			<p:column sortBy="#{jugador.nombre}"
				headerText="#{messages['jugador.NOMBRE']}">
				<h:outputText value="#{jugador.nombre}" />
			</p:column>

			<p:column sortBy="#{jugador.apellidos}"
				headerText="#{messages['jugador.APELLIDOS']}">
				<h:outputText value="#{jugador.apellidos}" />
			</p:column>

			<p:column sortBy="#{jugador.dni}"
				headerText="#{messages['jugador.DNI']}">
				<h:outputText value="#{jugador.dni}" />
			</p:column>

			<p:column sortBy="#{jugador.telefono}"
				headerText="#{messages['jugador.TELEFONO']}">
				<h:outputText value="#{jugador.telefono}" />
			</p:column>


			<p:column sortBy="#{jugador.direccion}"
				headerText="#{messages['jugador.DIRECCION']}">
				<h:outputText value="#{jugador.direccion}" />
			</p:column>


			<p:column sortBy="#{jugador.poblacion}"
				headerText="#{messages['jugador.POBLACION']}">
				<h:outputText value="#{jugador.poblacion}" />
			</p:column>


			<p:column sortBy="#{jugador.codigoPostal}"
				headerText="#{messages['jugador.CP']}">
				<h:outputText value="#{jugador.codigoPostal}" />
			</p:column>


			<p:column sortBy="#{jugador.email}"
				headerText="#{messages['jugador.EMAIL']}">
				<h:outputText value="#{jugador.email}" />
			</p:column>

			<p:column sortBy="#{jugador.genero}"
				headerText="#{messages['jugador.GENERO']}">
				<h:outputText value="#{jugador.genero}" />
			</p:column>

			<p:column sortBy="#{jugador.grupo.nombre}"
				headerText="#{messages['jugador.GRUPO']}">
				<h:outputText value="#{jugador.grupo.nombre}" />
			</p:column>
			
			<p:column sortBy="#{jugador.pareja.nombre}"
				headerText="#{messages['jugador.PAREJA']}">
				<p:commandButton rendered="#{jugador.pareja != null}" title="#{messages['jugador.PAREJA_SI']}" disabled="true"
					 icon="ui-icon-locked" />
				<p:commandButton rendered="#{jugador.pareja == null}" title="#{messages['jugador.PAREJA_NO']}"
					 icon="ui-icon-unlocked" />
			</p:column>

			<p:column style="width:4%">
				<h:panelGrid columns="2">
					<p:commandButton id="selectJugador"
						update=":jugadoresListadoForm:display"
						oncomplete="jugadorDialog.show()" icon="ui-icon-search"
						title="#{messages['general.VER_JUGADOR']}">
						<f:setPropertyActionListener value="#{jugador}"
							target="#{jugadoresListadoBean.selectedJugador}" />
					</p:commandButton>
					<p:commandButton id="deleteJugador" icon="ui-icon-trash"
						title="#{messages['general.ELIMINAR_JUGADOR']}"
						oncomplete="confirmacionEliminarJugadorDialog.show()">
						<f:setPropertyActionListener value="#{jugador}"
							target="#{datosComunesBean.jugadorSeleccionado}" />
					</p:commandButton>
				</h:panelGrid>
			</p:column>

		</p:dataTable>
	</h:form>
</h:body>
</html>